Ext.define('Piloto01.view.pessoa.PessoaGrid', {
	extend : 'Ext.grid.Panel',

	alias : 'widget.pessoaGrid',

	title : 'Pessoas',

	store : 'Pessoas',

	columns : [ {
		text : 'ID',
		dataIndex : 'id',
		hidden : true
	}, {
		text : 'Nome',
		dataIndex : 'nome',
		width : '20%',
		flex : 1
	}, {
		text : 'E-mail',
		dataIndex : 'email',
		width : '20%'
	}, {
		text : 'Data de Nascimento',
		dataIndex : 'dataNascimento',
		xtype : 'datecolumn',
		format : 'd/m/Y',// formato que eu quero ver, independente do formato
							// do banco
		width : '20%'
	}, {
		text : 'CPF',
		dataIndex : 'cpf',
		width : '20%'
	}, {
		text : 'Tipo de Pessoa',
		dataIndex : 'tipoPessoa',
		renderer: function(value, metaData, record, row, col, store, gridView){
		    return record.getTipoPessoa().get('descricao');
		},
		width : '20%',
	} ],
	dockedItems : [ {
		xtype : 'toolbar',
		dock : 'top',
		items : [ {
			xtype : 'button',
			text : 'Novo',
			itemId : 'add'
		}, {
			xtype : 'button',
			text : 'Apagar',
			itemId : 'del'
		} ]
	}, {
		xtype : 'pagingtoolbar',
		store : 'Pessoas',
		dock : 'top',
		displayInfo : true,
		emptyMsg : 'Nenhum registro encontrado.',
		displayMsg : 'Mostrando {1} de {2}',
		beforePageText : 'Página',
		afterPageText : 'de {0}'

	} ]

});